<template>
	<div class="trailer">
		<div class="trailerVideo">
			<video src="../../../assets/images/video.mp4" 
			poster="../../../assets/images/trailer.jpg" controls></video>
		</div>
		<div class="allVideo">
			<video src="../../../assets/images/video.mp4" 
			poster="../../../assets/images/trailer.jpg" controls></video>
			<span>《速度与激情:特别行动》曝全新..</span>
		</div>
	</div>
</template>

<script>
	export default {
		name: "trailer",
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '~@/assets/css/common.scss';
	.trailer{
		.trailerVideo{
			width: 100%;
			height: vw(200);
			video{
				width: 100%;
				height: vw(200);
			}
		}
		.allVideo{
			width: 90%;
			margin: vw(20);
			display: flex;
			video{
				width: 45%;
				height: vw(100);
			}
			span{
				font-size: vw(16);
				margin-left: vw(20);
			}
		}
	}
</style>
